<script setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router';
// import { getbanner1, foodshop } from '../../api/home'
const router = useRouter()
const activeName = ref('')
function onClickLeft() {
    router.back()
}
function togit() {
    window.localStorage.setItem('id', 0)
    router.push('/chat')
}
</script>
<template>
    <div class="box">
        <van-nav-bar title="客服" left-text="返回" left-arrow @click-left="onClickLeft" />
        <div class="content">
            <van-collapse v-model="activeName" accordion>
                <van-collapse-item title="主题咖总台" name="1" accordion="true">
                    <p>
                        前台:001111
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span><van-icon color="green" size="16" name="phone-o" />点击呼叫</span>
                    </p>

                    <p>
                        后勤:00222
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span><van-icon size="16" color="green" name="phone-o" />点击呼叫</span>
                    </p>
                </van-collapse-item>
                <van-collapse-item title="美食区" name="2">
                    <p>
                        前台:001111
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span><van-icon color="green" size="16" name="phone-o" />点击呼叫</span>
                    </p>

                    <p>
                        后勤:00222
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span><van-icon color="green" size="16" name="phone-o" />点击呼叫</span>
                    </p>
                </van-collapse-item>
                <van-collapse-item title="娱乐区" name="3">
                    <p>
                        前台:001111
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span><van-icon color="green" size="16" name="phone-o" />点击呼叫</span>
                    </p>

                    <p>
                        后勤:00222
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span><van-icon color="green" size="16" name="phone-o" />点击呼叫</span>
                    </p>
                </van-collapse-item>
                <van-collapse-item title="运动区" name="4">
                    <p>
                        前台:001111
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span><van-icon color="green" size="16" name="phone-o" />点击呼叫</span>
                    </p>

                    <p>
                        后勤:00222
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span><van-icon color="green" size="16" name="phone-o" />点击呼叫</span>
                    </p>
                </van-collapse-item>
                <van-collapse-item title="酒店区" name="5">
                    <p>
                        前台:001111
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span><van-icon color="green" size="16" name="phone-o" />点击呼叫</span>
                    </p>

                    <p>
                        后勤:00222
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span><van-icon color="green" size="16" name="phone-o" />点击呼叫</span>
                    </p>
                </van-collapse-item>
            </van-collapse>

            <van-button type="success" @click="togit">点击跳转在线客服</van-button>
        </div>

    </div>
</template>

<style scoped>
p {
    padding-bottom: .1rem;
}

.van-button {
    width: 50%;
    border-radius: .3rem;
    position: absolute;
    bottom: 1rem;
    left: 25%
}
</style>
